@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../lib/font/iconfont.woff') format('woff'),
}


.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*声名背景颜色变量*/

@bcg:rgb(255, 132, 29);
@color:#fff;
@fontF:'iconfont';

/* header部分 S */
header {
    height: 44px;
    background:#d43f3a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    >.back {
        height: 44px;
        width: 50px;
    }
    >.back::after {
        content: '\e634';
        display: block;
        color: @color;
        font-family: 'iconfont';
        font-size: 17px;
        line-height: 44px;
        text-align: center;
    }
    >.title h1 {
        height: 44px;
        font-size: 20px;
        font-weight: 900;
        font-family: @fontF;
        color: @color;
        line-height: 44px;
        margin-top: 0;
        margin-bottom: 0;
    }
    >.app-down a{
        display: block;
        height: 44px;
        width: 50px;
        background: url(../images/header_app.png) no-repeat center;
        background-size: 32px;
        
    }
}
/* header部分 D */


/*商品列表部分 S*/
section {
    >ul {
        >li {
            width: 100%;
            height: 128px;
            padding: 14px 8px;
            border-bottom: 1px solid #ccc;
            >a {
                width: 100%;
                height: 100%;
                display:flex;
                justify-content: space-between;
               >.left {
                   >img {
                        height: 100px;
                        width: 100px;
                    }
                 }
                >.right {
                    width: 100%;
                    height: 100px;
                    // background: #ddd;
                    padding-left: 10px;
                    .title {
                        font-size: 15px;
                        line-height: 19px;
                        color: #333;
                        text-align:left;
                        min-height:57px;
                        word-break: break-all;
                        >span {
                            color: #ff6c00;
                        }
                    }
                    .other {
                        margin-top: 15px;
                    .timer {
                       font-size: 12px;
                        color: #a1a1a1;
                    }
                    .review {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                         i{
                            height: 15px;
                            width: 14px;
                            padding-right: 20px;
                            padding-right: 20px;
                            display:inline-block;
                         }
                         font-size: 12px;
                         color: #a1a1a1;   
                    }
                }
                }
                
            }
        }
    }
    >.bottom {
        height: 34px;
        width: 100%;
        margin-top: 20px;
        // background: #666;
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 14px;
        >.onkey a {
            display: block;
            width: 82px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            background: #d4d4d4;
            border-radius: 5px;
            border-bottom: 1px solid #bababa;
            box-shadow:0 0 1px #666; 

        }
        >.select select{
            height: 34px;
            width: 95px;
        }
    }
}
/* 商品列表部分 D*/

/* 底部 S */
footer {
    margin-top: 20px;
    >.footer-nav {
        width: 100%;
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        padding-left: 8px; 
        background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ebebeb));
        border-top: solid 1px #ebebeb;
        border-bottom: 1px solid #ccc;
    
    }
}

/* 底部 D */